<template>
	<view>
		<view class="from">
			<view class="licensePlateKeyboard" v-for="(item,index) in componentList" :key="index" @click="pageTo(item)">
				<view class="componentName">{{item.componentName}}</view>
				<uni-icons type="right" size="20" color="#303133"></uni-icons>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				componentList: [{
						componentName: '一键WIFI',
						url: '/apicalls/pages/oneClickWifi/oneClickWifi'
					},
					{
						componentName: '会员开卡',
						url: '/apicalls/pages/membershipCard/membershipCard'
					}
				]
			}
		},
		onLoad() {

		},
		methods: {
			pageTo(item) {
				uni.navigateTo({
					url: item.url
				})

			},
		}
	}
</script>

<style lang="scss">
	.from {
		.licensePlateKeyboard {
			display: flex;
			justify-content: space-between;
			text-align: center;
			padding: 25upx 30upx;
			border-bottom: 1px solid #e7e6e4;

			.componentName {
				font-size: 40upx;
				color: #303133;
			}
		}
	}
</style>